<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Everything about Stereoline is here....</title>

	<!-- METAS -->
    <meta name="description" content="Description..." />
    <meta name="keywords" content="Keywords..." />
	<!-- /METAS -->
    
    <!-- CSS -->
	<link href="css/styles.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/deepy.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" media="all" />
    <!-- /CSS -->
    
    <!--[if IE 7]>
	<link href="css/IE7.css" rel="stylesheet" type="text/css" media="all" />
    <![endif]-->
		
    <!-- JQUERY & PLUGINS -->
    <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/twitter.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/jquery.googlemaps1.01.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
    <!-- /JQUERY & PLUGINS -->
    <!-- Google Map Key -->
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAA6kQ5d_ZZG2I52I3jLyR1nhR0Zq6DPdyxO_mWB6Ad0NIc7sSxAxQJHbLR208uSeslKDpceYrOh0oIGQ" type="text/javascript"></script>
	
	<script type="text/javascript">	
	// GOOGLE MAP INTEGRATION
	$(document).ready(function() { 
	  $('#map_canvas').googleMaps({
				latitude: 	45.400392,
				longitude: -71.901582,
			markers: {
				latitude: 	45.400392,
				longitude: -71.901582
				}
		}); 
	});
    </script>
    	<script type="text/javascript">	
	// VALIDATION CONTACT FORM //
    $(document).ready(function() {
        $("#contact-form").validate();
    });
    </script>
    
	<!-- Cufon -->
	<script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/bebas_400.font.js" type="text/javascript"></script>
    <!-- /Cufon -->
          
    <!--[if IE 6]>
        <script type="text/javascript" src="js/DD_belatedPNG.js"></script>
        <script src="js/DD_belatedPNG.js"></script>
        <script>
          /* EXAMPLE */
          DD_belatedPNG.fix('*');
        </script>
	<![endif]-->
     
</head>

<body>

<!-- WRAP -->
<div class="wrap">


<!-- HEADER -->
<div id="header">
    <!-- content of header -->
    <div class="content">

        <!-- Top Nav -->
        <div id="top_nav">
            <ul>
            <li class="home"><a href="/" >Home</a></li>
            <li class="about"><a href="/About.html" class="current">About</a></li>
            <li class="mail"><a href="/Contact.html" >Contact</a></li>
            </ul>
        </div>
        <!-- /Top Nav -->


        <!-- Logo block -->
        <div id="logo">
        
            <!-- Logo of the website -->
            <h1><a href="http://www.littlekillian.com" title="Stereoline Magazine based on the music"><span>Stereoline</span></a></h1>
            <!-- /Logo of the website -->
            
        </div>
        <!-- /Logo block -->
        
            
        <!-- Sign up button -->
        <div class="signup"><a href="/signup.html"><span class="inv">Sign up</span></a></div>
        <!-- /Sign up button -->


        <!-- Navigation -->
        <div id="navigation">
            <ul>
            <li><a href="/Interviews.html" >Interview<span>Meet your artists</span></a></li>
            <li><a href="/Videos.html" >Videos<span>Watch Stereolite TV</span></a>
            	<ul class="sub_menu">
                <li><a href="/Videos_cat.htmlconcerts.html"><span>Concerts (2)</span></a></li>
                <li><a href="/Videos_cat.htmlclips.html"><span>Clips (1)</span></a></li>
                <li><a href="/Videos_cat.htmlmaking-of.html"><span>Making-of (1)</span></a></li>
                <li><a href="/Videos_cat.htmlinterviews.html"><span>Interviews (0)</span></a></li>
                </ul>
            </li>
            <li><a href="/Albums.html" >Gallery<span>Browse the albums</span></a></li>
            <li><a href="/News.html" >Actualities<span>All the fresh news...</span></a>
            	<ul class="sub_menu">
                <li><a href="/News.htmlreviews.html"><span>Reviews (1)</span></a></li>
                <li><a href="/News.htmlconcerts.html"><span>Concerts (1)</span></a></li>
                <li><a href="/News.htmlnews.html"><span>News (3)</span></a></li>
                <li><a href="/News.htmlphotographies.html"><span>Photographies (2)</span></a></li>
                </ul>
            </li>
            <li><a href="#" id="signin_show">Sign in<span>Members zone</span></a></li>
            </ul>
        </div>
        <!-- /Navigation -->
        
        
        <!-- Search form -->
        <div id="search_engine">
            <form action="/Search.html" method="post">
                <div class="field"><input type="text" name="keyword" id="keyword" title="Search..." value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" /></div>
                <div><input type="submit" class="button" value=" " /></div>
                <div class="clear"></div>
            </form>
        </div>
        <!-- /Search form -->
        
        
        <!-- Sign in Panel -->
        <div id="signin_panel">
        	<form action="" method="post">
            	<div class="field">
                	<label for="sign_login">Login</label>
                	<input type="text" name="" id="sign_login" />
                </div>
            	<div class="field">
                	<label for="sign_pass">Password</label>
                	<input type="password" name="" id="sign_pass" />
                </div>
            	<div class="submitter">
                	<input type="submit" name="signin_go" id="sign_go" value="" />
                </div>
                <div class="clear"></div>
            </form>
        	<div class="instructions">
            	<p>Fill the signin form and go to your private zone.</p>
                <p><a href="#">Forgotten password?</a></p>
            </div>
                <br class="clear" />
        </div>
        <!-- /Sign in Panel -->
    
    
    </div>
    <!-- /content of header -->
</div>
<!-- /HEADER -->




<!-- MAIN -->
<div id="main">
    <!-- content of main -->
    <div class="content">      
    
    
    	<!-- Intro page -->
        <div class="intro">
        	<h2 class="underlined">Contact</h2>
        </div>
    	<!-- /Intro page -->  
        
        
        
        <!-- col_270_left -->
      <div class="col_270_left design">
        <h3>Stereoline</h3>
        <h4>Magazine based on the music</h4>
    
		        <!-- Google Map Plugin -->
        <div class="google_map">
        	<div id="map_canvas"></div>
        </div>
        <!-- /Google Map -->
                
        <p class="bigline">Sed tincidunt placerat commodo. Ut feugiat condimentum lectus a venenatis. Nullam sapien metus, auctor eget interdum a, mattis eget augue. Phasellus felis nulla, feugiat quis rhoncus quis, tincidunt nec velit.</p>
        
        <h4 class="underlined">Social Networks</h4>
        <ul class="network_list">
        <li><a href="http://www.flickr.com/people/Devilcantburn" class="flickr">Devilcantburn on Flickr</a></li>
        <li><a href="http://www.facebook.com/Devilcantburn" class="facebook">Devilcantburn on Facebook</a></li>
        <li><a href="skype:studio-hiweb?call" class="skype">Call me on Skype!</a></li>
        <li><a href="http://www.twitter.com/Devilcantburn" class="twitter">Follow me on Twitter!</a></li>
        </ul>
        </div>
        <!-- /col_270_left --> 	
        
        <!-- Left part 600px -->
        <div id="left_part">
        
        	<!-- Form block -->
            <div class="form_block">
                <div class="inside">
                <form action="http://www.littlekillian.com/Contact/process.html" method="post" id="contact-form">
				                	<div class="form_left">
                    	<label for="contact_name">Name</label>
                        <input type="text" name="contact_name" id="contact_name" class="required" />
                	</div>
                	<div class="form_right">
                    	<label for="contact_email">Email</label>
                        <input type="text" name="contact_email" id="contact_email" class="required email" />
                	</div>
                    <div class="separator"></div>
                	<div class="form_left">
                    	<label for="contact_web">http://</label>
                        <input type="text" name="contact_web" id="contact_web" />
                	</div>
                	<div class="form_right">
                    	<label for="contact_subject">Subject</label>
                        <input type="text" name="contact_subject" id="contact_subject" class="required" />
                	</div>
                    <div class="separator"></div>
                    <div class="form_textarea">
                    	<label for="contact_message">Message</label>
                    	<textarea name="contact_message" id="contact_message" class="required" rows="5" cols="5"></textarea>
                    </div>
                    <div class="clear"></div>
                    <div id="getit" class="form_right">
                        <label for="check">Are you a human ?</label>
                        <div><span id="num1">1</span> + <span id="num2">2</span> = <input type="text" name="check" id="check" size="3" maxlength="3" class="field required number" /></div><span id="errorcaptcha"></span></div>                    <div class="clear"></div>
                    <div class="form_submit">
                        <div id="submitter"></div>
                    </div>
                </form>
                </div>
            </div>
        	<!-- /Form block -->
            
		</div>
        <!-- /Left part 600px -->
    
    
    <br class="clear" />
    </div>
    <!-- /content of main -->
</div>
<!-- /MAIN -->






<!-- FOOTER -->
<div id="footer">
    <!-- content of footer -->
    <div class="content">
    
    
    	<!-- Bottom navigation -->
        <div class="bottom_nav">
        	<ul>
            <li><a href="/" >Home</a></li>
            <li><a href="/About.html" >About</a></li>
            <li><a href="/Interviews.html" >Interviews</a></li>
            <li><a href="/Videos.html" >Videos</a></li>
            <li><a href="/Albums.html" >Gallery</a></li>
            <li><a href="/News.html" >Actualities</a></li>
            <li><a href="/Contact.html" >Contact</a></li>
            </ul>
        </div>
    	<!-- /Bottom navigation -->
        
        
    	<!-- Go top link -->
        <div class="go_top">
        	<a href="#top"><span class="inv">Go Top</span></a>
        </div>
    	<!-- /Go top link -->
        
        
    	<!-- Copyright -->
        <div class="copyright">&copy; Copyright Devilcantburn for Envato - You can remove it after purchase</div>
    	<!-- /Copyright -->
        
        
        <br class="clear" />
        
        
        <!-- 3 cols -->
        <div class="footer_3cols">
        
        	<!-- Col -->
        	<div class="col">
            	<h4>Recent posts</h4>
                <ul>
                <li><a href="/News_read.html" title="Sunday 12 September 2010 at 07:30 pm"><span>Stereoline - a new template php</span></a></li>
                <li><a href="/News_read.html" title="Wednesday 25 August 2010 at 01:24 am"><span>And the winner is ?... Stereoline !</span></a></li>
                <li><a href="/News_read.html" title="Wednesday 25 August 2010 at 01:21 am"><span>Awesome Lorem ipsum post :)</span></a></li>
                <li><a href="/News_read.html" title="Wednesday 25 August 2010 at 01:20 am"><span>Another magic Lorem ipsum post</span></a></li>
                <li><a href="/News_read.html" title="Wednesday 25 August 2010 at 01:18 am"><span>Lorem ipsum post</span></a></li>
                </ul>
            </div>
        	<!-- /Col -->
        
        	<!-- Col middle -->
        	<div class="col_middle">
                <a href="http://www.littlekillian.com" class="footer_logo" title="Stereoline Magazine based on the music"><span>Stereoline</span></a>
            </div>
        	<!-- /Col middle -->
        
        	<!-- Col -->
        	<div class="col">
            	<h4>Recent interviews</h4>
                <ul>
                <li><a href="/Interviews.html" title="Monday 13 September 2010 at 04:20 pm"><span>Interview with Devilcantburn</span></a></li>
                <li><a href="/Interviews.html" title="Monday 13 September 2010 at 04:18 pm"><span>The best interview is here</span></a></li>
                <li><a href="/Interviews.html" title="Monday 13 September 2010 at 04:15 pm"><span>Don't you know Pompidop?</span></a></li>
                <li><a href="/Interviews.html" title="Monday 13 September 2010 at 04:13 pm"><span>A new interview not featured</span></a></li>
                <li><a href="/Interviews.html" title="Monday 13 September 2010 at 04:10 pm"><span>Whos is behind the best template?</span></a></li>
                </ul>
            </div>
        	<!-- /Col -->
            
        <br class="clear" />
        </div>
        <!-- /3 cols -->
    
    
    </div>
    <!-- /content of footer -->
</div>
<!-- /FOOTER -->

</div>
<!-- /WRAP -->
    <script type="text/javascript" src="js/tweet.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Devilcantburn.json?callback=twitterCounter&amp;count=1"></script>
<script type="text/javascript">
	//Cufon repleace
	Cufon.replace('h2, h3, h4, h5, h6, label, .number, .follow, .cufon',{ hover: true });
</script>
<script type="text/javascript"> Cufon.now(); </script></body>
</html>